@charset "utf-8";
/* CSS Document -- scott 2012-08-31 */


html,body {height: 100%;width: 100%;margin: 0;padding: 0; }
body{font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 12px;line-height: 150%;color:#000; background-color:#fff}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,p, pre, code, fieldset, legend, form, input, textarea,th, td, blockquote, select, button,p{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
p {line-height: 150%;}
table {margin:0 auto;}
li {list-style: none;}
img {border: 0;}
input,textarea{font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 10pt;color:#444;}
a:link,a:visited {text-decoration: none; color:#000}
a:hover {text-decoration: underline; color:#f60}
a:focus {outline: none;}
.prel {position: relative;zoom: 1}
.pabs {position: absolute;}
.tleft {text-align: left;}
.tright {text-align: right;}
.tcenter {text-align: center;}
.fleft {float: left;}
.fright {float: right;}
.vtop {vertical-align: top;}
.vmiddle {vertical-align: middle;}
.vbtm {vertical-align: bottom;}
.mauto {margin: 0 auto;}
.block {display: block;}
.inline {_display: inline;}
.none {display: none;}
.hide {overflow: hidden;}
.tline {overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.nowrap {white-space: nowrap;}
.nopd {padding: 0;}
.clr {clear: both;}
.clear {clear: both;overflow: hidden;font-size: 0px;line-height: 0px;height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
.mline{ text-decoration:line-through}
.uline {text-decoration: underline;}
.noline {text-decoration: none;}
.hand {cursor: pointer;}
.default {cursor: default;}
.bold{ font-weight:bold}
.para {text-indent: 2em;}
.more {font-family: Verdana, Arial, Helvetica;text-align: right;font-size: 10pt; margin-top:2px}
.num-txt {font-size: 11px;font-family:Arial;color: #999;}
.fb {font-weight: bold;}
.fn {font-weight: normal;}
.ft10 {font-size: 10px;}
.ft12 {font-size: 10pt;}
.ft14 {font-size: 14px;}
.ft16 {font-size: 16px;}
.ft18 {font-size: 18px;}
.ft22{ font-size:20px; _font-size:18px}
.ft32{ font-size:28px; _font-size:25px}
.ft60{ font-size:60px;}
a.fcgray:link,a.fcgray:visited {text-decoration: none; color:#777}
a.fcgray:hover{text-decoration: underline;color:#f60}
a.fcdim:link,a.fcdim:visited {text-decoration: none; color:#ddd}
a.fcdim:hover {text-decoration: underline;color:#f60}
a.fcblue:link,a.fcblue:visited {text-decoration: none; color:#176ae5}
a.fcblue:hover {text-decoration: underline;color:#176ae5}
a.fcred:link,a.fcred:visited {text-decoration: none; color:#f00}
a.fcred:hover {text-decoration: underline;color:#f00}
a.fcorange:link,a.fcorange:visited {text-decoration: none; color:#f60}
a.fcorange:hover {text-decoration: underline;color:#f60}
a.fcyellow:link,a.fcyellow:visited {text-decoration: none; color: #FCB549}
a.fcyellow:hover {text-decoration: underline;color:#FCB549}
a.fcblk:link,a.fcblk:visited {text-decoration: none; color:#000}
a.fcblk:hover {text-decoration: underline;color:#f60}
a.fcgreen:link,a.fcgreen:visited {text-decoration: none; color:#339900}
a.fcgreen:hover {text-decoration: underline;color:#339900}
a.fcwhite:link,a.fcwhite:visited {text-decoration: none; color:#000}
a.fcwhite:hover {text-decoration: underline;color:#000}
a.fcwhite2:link,a.fcwhite2:visited {text-decoration: none; color:#666}
a.fcwhite2:hover {text-decoration: underline;color:#666}
.fcred{color:#f00}
.fcblue{color:#176ae5}
.fcorange{color:#f60}
.fcgray{color:#777}
.fcdim {color: #ddd;}
.fcgreen{color:#339900}
.fcwhite{color:#fff}
.fcblk{color:#000}
.fcyellow{color: #FCB549}
.imgb img{border:1px solid #ddd; padding:1px}
.b1px{border:1px solid #ccc;}
.b1pxtip{background-color:#fffae4;border:1px solid #ffcc66; padding:10px}
.bbottom{border-bottom:1px solid #ddd}
.w984{ width:984px;}
.w980x{ width:1200px;}
.w560{ width:560px}
.w280{ width:280px; padding-left:30px; border-left:1px dotted #ddd;}
.w410{ width:410px}
.w485{ width:485px; overflow:hidden}
.w740{ width:940px}
.w185{ width:195px}
.w640{ width:640px}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

.w1200{ width:1200px; margin: 0 auto; }
.wp100{ width: 100%; height: 900px; background:url(../images5/t-bg.jpg) top center no-repeat; overflow: hidden; position: relative;}
.wp100 .toppic{ position: absolute; left:0; top:0; width: 100%; height: 570px; background:url(../images55/t.png) center center no-repeat; }
.wp100 .toppic strong{ display: block; left:50%; bottom:14%; color:#fff; font-size: 18px; font-weight: normal; position: absolute; width: 380px; margin-left: -450px;}
.wp100 .maskimg{ position: absolute; left:0; bottom:0; width: 100%; height: 388px; overflow: hidden; background:url(../images5/mask.png) top center no-repeat; }
.wp100 .maskimg .w1200{ position: absolute; left:50%; bottom:0; background:url(../images5/dot01.jpg) left top no-repeat; height: 260px; margin-left: -600px;}
.wp100 .maskimg .w1200 strong{ position: absolute; left:120px; top:64px; font-size: 40px; font-weight: normal}
.wp100 .maskimg .w1200 img{ position: absolute; bottom:14px; right:130px;}
.wps100{ width: 100%}
.bg-g{background:url(../images5/bg-g.jpg) center bottom repeat-x; padding-bottom: 100px;  }
.midpic{background:url(../images5/b-bg.png) center 300px no-repeat;}
.csjbox1{ padding-top: 100px;}
.csjbox1 li{ float: left; width: 33%; position: relative}
.csjbox1 li > strong{font-size:50px;position: absolute; left:28px; top:-8px; font-weight: normal; z-index: 1; color: #49B1AE}
.csjbox1 li:nth-child(3) > strong{ left:58px;color: #C15F58}
.csjbox1 li:nth-child(2) > strong{ left:50px;top:62px;color: #2B66A2}
.csjbox1 li:nth-child(2){ width: 34%; padding-top: 70px;}
.csjbox1 li div{ width: 309px; height: 447px; padding: 53px 28px 0; background-color: #49B1AE; color: #fff; font-size: 16px; line-height: 22px; position: relative; z-index: 2; overflow: hidden}
.csjbox1 li div strong{ font-size:50px; color: #fff; left:28px; top:-10px; position: absolute; font-weight: normal}
.csjbox1 li:nth-child(2) div{ margin: 0 auto; background-color: #2B66A2;line-height: 22px;}
.csjbox1 li:nth-child(3) div{ margin: 0 0 0 auto; background-color: #C15F58;line-height: 20px;}
.areabox{ height: 1000px; overflow: hidden;}
.adbox{ background-color: #F3F3F3; padding: 30px 0;}
.adbox a{ display: block; width: 1200px; margin: 0 auto; text-decoration: none; color: #666; font-size: 20px; line-height: 20px;}
.adbox img{ display: block;}
.areabox .w1200{ padding-top: 125px; position: relative}
.areabox .w1200 > strong{ display: block;left:-120px;top:45px; padding: 68px 0 0 140px; font-size: 40px; font-weight: normal; position: absolute;background:url(../images5/dot01.jpg) left top no-repeat; height: 260px;}
.areabox .w1200 > strong i{ font-style: normal; font-size: 16px; margin-left: 5px;}
.a1{background:url(../images5/1.jpg) top center no-repeat;}
.a2{background:url(../images5/2.jpg) top center no-repeat;}
.a3{background:url(../images5/3.jpg) top center no-repeat;}
.a4{background:url(../images5/4.jpg) top center no-repeat;}
.a5{background:url(../images5/5.jpg) top center no-repeat;}
.a6{background:url(../images5/6.jpg) top center no-repeat;}
.area-l{ width: 450px; padding: 75px 40px 0; height: 675px; float: left; border: 1px solid #D7D7D7; background-color: #fff; position: relative; margin-top: 45px;box-shadow:11px 11px 0 rgba(0,0,0,0.2)}
.area-l > div{ position: absolute; left:0; top:0; width: 100%;  background-color: #F3F3F3; border-bottom: 1px solid #d7d7d7; height: 40px; line-height: 40px;}
.area-l > div a{ display: block; float: left; width: 33%; background-color: transparent; text-decoration: none; font-size: 18px; color: #999;}
.area-l > div a:hover span{ color: #444}
.area-l > div a span{ display: block; height: 40px; border-right: 1px solid #d7d7d7; text-align: center; }
.area-l > div a:nth-child(3) span{ border-right: none;}
.area-l > div a.current{ width: 34%; background-color: #fff; height: 41px; color: #444}
.area-l > div a.current span{ height: 41px;}
.area-l > a{ display: block; border-top: 1px dotted #ddd; padding-top: 12px; text-align: center; color: #999; font-size: 14px; }
.area-l > a strong{ margin: 0 2px; font-size: 16px; color: #666}
.area-l ul{ margin-bottom: 30px;}
.area-l ul li{ width: 218px; float: left}
.area-l ul li a{ color: #666; text-decoration: none}
.area-l ul li strong{ width: 100%; display: block; color: #000; height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; font-weight: normal}
.area-l ul li p{ color: #666666}
.area-l ul li span{background:url(../images5/view.png) left 2px no-repeat; padding-left: 23px; font-weight: bold; color: #f60; display: inline-block; height: 16px; line-height: 16px; }
.area-l ul li div{ position: relative; margin-bottom: 3px;}
.area-l ul li:last-child{ float: right;}
.area-l ul li:first-child{ float: none; width: 450px; margin-bottom: 25px;}
.area-l ul li:first-child strong{ font-size: 20px; margin-bottom: 3px;}
.area-r{ float: right; width: 600px;}
.area-r > strong{ display: block; font-size: 40px; background:url(../images5/line.png) right bottom no-repeat;  color: #fff; text-align: right; height: 66px; margin-bottom: 38px; }
.area-r li{ font-size: 18px; color:#fff; padding:0 240px 30px 0; margin-bottom: 30px; min-height: 181px; background:url(../images5/line2.png) right bottom repeat-x; position: relative; text-align: left}
.area-r li:last-child{background:none; }
.area-r li strong{ display: block; font-size: 26px; height: 30px; margin-bottom: 5px; font-weight: normal;}
.area-r li a > img{ position: absolute; right:0; top:0;}
.area-r li span{ display: block; position: absolute; bottom:30px; left:0; border-radius: 20px; text-align: left; color: #444; height: 40px; width: auto; margin: 0 0 0 auto; line-height: 38px; padding: 0 20px 0 46px; background-color: #fff;}
.area-r li span img{ width: 36px; height: 36px; line-height: 36px; border-radius: 50%; position: absolute; left:2px; top:2px }
.area-r li span i{ font-size: 12px; color: #999; font-style: normal; margin-left: 6px;}
.area-r li a{ text-decoration: none; color: #fff;}
.hzdw{ background-color: #fff; padding: 50px 0}
.hzdw strong{ display: block; font-size: 40px; text-align: center;height: 40px; line-height: 40px; text-align: center; font-weight: normal; margin-bottom: 30px;}
.hzdw > div{ text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 25px}
.hzdw > div img{ width: 150px; display: block; margin: 0 auto 6px}
.hzdw > div a{ text-decoration: none; color: #444;}
.hzdw table{ margin: 0 auto; width: 1200px;}
.hzdw table td{ text-align: center; border: 1px solid #ddd; padding: 10px 0}
.hzdw table td img{ max-width: 160px; max-height: 70px;}

@media screen and (max-width: 980px){
   
    .wps100{ width: 100%; min-width: 1200px; padding: 0 50px;}

}